<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 1、直接选择有属性的表单 */
        input[value] {
            color: blue;
        }

        /*  2、选择属性=值的某些元素，这个最重要  */
        input[type=text] {
            color: chartreuse;
        }
    </style>
</head>

<body>
    <!-- 1、直接选择有属性的表单 -->
    <!-- <input type="text" value="你是傻逼">
    <input type="text"><br> -->

    <!-- 2、选择属性=值的某些元素，这个最重要 -->
    <input type="text" name="" id="">
    <input type="password" name="" id="">

    类选择器、属性选择器（ []这个才是属性选择器 ）、
    伪类选择器（特征是，冒号）的权重都是0，0，1，0
    伪元素选择器（特征是双冒号，有befor,after）的权重是0，0，0，1

</body>

</html>